<template>
    <div class="main"> 
        <div class="f" v-for="(value, name) in  info" :key="value">
            <div class="infname"> {{ name }}</div>
            <div class="inf">{{ value }}</div>
        </div>
    </div>
</template>
<script>
export default {
     data() {
        return {
            getinfoC:this.$store.state.inf[2]
        }
    },
    created() {
         this.$store.dispatch('GET_INF');
    },
      methods: {
        copy(obj,filters){
            let o={};
            for (let key in obj){
                if(!filters.includes(key)){
                    o[key]=obj[key];
                }
            }
            return o;
        }
    },
    computed: {
        info(){
            return this.copy(this.getinfoC,['type','name'])
        }
    },
}
</script>

<style>
.f{
    float: left;
     margin: 50px 100px ;
    font-size: 20px;
      text-align: center;
}
.infname{
    text-align: center;
    border:1px solid #CCEFF5;
    background-color:#FAFCFD;
    width:150px;
    height:30px;
}
.inf{
    text-align: center;
    border:1px solid #96C2F1;
    background-color:#EFF7FF;
    width:150px;
    height:30px;
}
</style>

